<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
     <!-- 基础样式 -->
     <link rel="stylesheet" href="./css/base.css">
</head>
<body>
    <!-- 导航栏 -->
    <div class="head">
        <div class="wrapper">
            <div class="pic">
                <img src="./images/logo.png" alt="">
            </div>
        </div>
    </div>
  <!-- 内容 -->
   <div class="nav">
    <div class="newdl wrapper">
        <div class="dl">
            <div class="sh" >
                <span>扫码登陆</span>
                <span class="qd">账户登陆</span>
            </div>
            <div class="ts">
                <p> 公共场所不建议自动登录，以免账号丢失</p>
             </div>
             <div class="input1">
                    <span class="iconfont"></span>
                    <input type="text" placeholder="  邮箱/用户名/手机号">
             </div>
             <div class="input1">
                <span class="iconfont"></span>
                <input type="text" placeholder="  请输入密码">
         </div>
         <div class="tts">
            <div>
                <input type="checkbox">
            <span>自动登录</span>
            </div>
            
            <span>忘记密码？</span>
         </div>
         <div class="qdl">
            <button >登录</button>
         </div>
         <div class="zz">
            <ul>
                <li><a href="#"><img src="./images/icon1.png" alt=""></a></li>
            
                <li><a href="#"><img src="./images/icon2.png" alt=""></a></li>
            
                <li><a href="#"><img src="./images/icon3.png" alt=""></a></li>
            
                <li><a href="#"><img src="./images/icon4.png" alt=""></a></li>
            
              </ul>
              <span>立即注册</span>
         </div>
        </div>
    </div>
   </div>
   <!-- 底部 -->
     <!-- 版权 -->
     <div class="copyright">
        <p>
            <a href="#">关于我们</a>|
            <a href="#">帮助中心</a>|
            <a href="#">售后服务</a>|
            <a href="#">配送与验收</a>|
            <a href="#">商务合作</a>|
            <a href="#">搜索推荐</a>|
            <a href="#">友情链接</a>
          </p>
          <p>地址：神圣兽国游尾郡窝窝乡 邮编：1008611</p>
          <p>我们既然意识到自己的渺小，就应该变得强大，我们本来就是渺小的，只是从无知变得有知你感到痛苦，是因为你在成长</p>
      </div>
      
  
</body>
</html>